<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media(min-width: 1440px){
    .container{width: 1400px;}
}
@media(min-width: 1250px){
    .container1200{width: 1200px;display: block;margin:0 auto;}
}
/*====== n_banner ======*/
.n_banner{width: 100%;height: 300px;object-fit:cover;overflow: hidden;position: relative;margin-top: 131px;}
.n_banner .ban_title{position: absolute;top: 50%;margin-top: -25px;}
.ban_title&gt;p{font-size: 20px;color: #fff; text-transform: uppercase;}
.ban_title&gt;h5{font-size: 36px;color: #fff;margin-bottom: 15px;}


@media(max-width: 1024px){
    .n_banner{margin-top: 100px;}
}
@media(max-width: 991px){
    .n_banner{margin-top: 81px;}
    .n_banner .ban_title{display: block;text-align: center;left: 0;right: 0;}
    .ban_title&gt;h5{font-size: 24px;margin-bottom: 5px;}
    .ban_title&gt;p{font-size: 16px;}
}
@media(max-width: 767px){
    .ban_title&gt;h5{font-size: 18px;margin-bottom: 0px;}
    .ban_title&gt;p{font-size: 14px;}
}
/*====== n_nav_title ======*/
.n_nav_title{width: 100%;background-color: #f6f8fa;height: 50px;line-height: 50px;}
.t_nav_box&gt;li{float: left;margin-right: 36px;}
.t_nav_box&gt;li.select02{background-color: #2f318b;color: #fff;padding: 0 20px;}
.t_nav_box&gt;li.select02&gt;a{color: #fff;}
.t_nav_box&gt;li&gt;a{font-size: 20px;color: #333;}

@media(max-width: 991px){
    .t_nav_box&gt;li&gt;a{font-size: 16px;}
}
@media(max-width: 767px){
    .t_nav_box&gt;li&gt;a{font-size: 14px;}
}

/*====== profile ======*/
.profile_box{padding: 80px 0;}
.prof_title&gt;h5{font-size: 30px;color: #000;display: inline-block;margin-right: 5px;}
.prof_title&gt;p{font-size: 18px;color: #666;display: inline-block;text-transform: uppercase;}
.prof_txt{padding-top: 50px;}
.prof_txt&gt;p{font-size: 16px;color: #666;white-space: break-spaces;}
.prof_txt&gt;img{display: block;margin: 0 auto;padding: 80px 0;}


@media(max-width: 991px){
    .prof_title&gt;h5{font-size: 20px;font-weight: bold;}
    .prof_title&gt;p{font-size: 16px;}
    .prof_txt&gt;p{font-size: 14px;}
}
@media(max-width: 767px){
    .profile_box{padding: 40px 0;}
    .prof_title&gt;h5{font-size: 18px;}
    .prof_txt{padding-top: 30px;}
    .prof_title&gt;p{font-size: 14px;}
    .prof_txt&gt;img{padding: 30px 0;}
}

/*====== culture ======*/
.culture_box{padding: 80px 0;}
.cul_title{display: block;text-align: center;}
.cul_title&gt;h5{font-size: 30px;color: #000;margin-bottom: 10px;}
.cul_title&gt;p{font-size: 18px;color: #666;text-transform: uppercase;}
.cul_list{margin: 0 -15px;overflow:hidden;padding-top: 60px;padding-bottom: 80px;}
.cul_list .cul_item{-webkit-width: calc(100% / 2 - 30px);-moz-width: calc(100% / 2 - 30px);width: calc(100% / 2 - 30px);float: left;position: relative;margin: 10px 15px;}
.cul_item .cul_txt{position: absolute;top: 50%;margin-top: -50px;padding-left: 100px;}
.cul_item .cul_txt&gt;h5{font-size: 30px;color: #fff;margin-bottom: 10px;letter-spacing: 2px;}
.cul_item .cul_txt&gt;p{font-size: 18px;color: #fff;}

@media(max-width: 991px){
    .culture_box{padding: 60px 0;}
    .cul_title&gt;h5{font-size: 24px;margin-bottom: 5px;}
    .cul_title&gt;p{font-size: 16px;}
    .cul_list{padding-top: 40px;padding-bottom: 30px;}
    .cul_item .cul_txt{padding-left: 0;padding: 0 30px;}
    .cul_item .cul_txt&gt;h5{font-size: 18px;}
    .cul_item .cul_txt&gt;p{font-size: 14px;}
}
@media(max-width: 767px){
    .culture_box{padding: 50px 0;}
    .cul_list{margin: 0 0;padding-bottom: 0px;}
    .cul_title&gt;h5{font-size: 18px;margin-bottom: 0px;}
    .cul_title&gt;p{font-size: 14px;}
    .cul_list .cul_item{width: 100%;float: none;margin: 0 0;margin-bottom: 10px;}
    .cul_item .cul_txt&gt;h5{font-size: 16px;}
    .cul_item .cul_txt&gt;p{font-size: 13px;}
}
/*====== workshop ======*/
.wor_img{margin: 0 -15px;overflow:hidden;padding-top: 60px;padding-bottom: 80px;}
.wor_img .wor_item{-moz-width: calc(100% / 3 - 30px);-webkit-width: calc(100% / 3 - 30px);width: calc(100% / 3 - 30px);float: left;margin: 10px 15px;}
.wor_item&gt;p{font-size: 22px;color: #333;display: block;text-align: center;padding-top: 10px;}

@media(max-width: 991px){
    .wor_img .wor_item{-webkit-width: calc(100% / 2 - 30px);width: calc(100% / 2 - 30px);}
    .wor_item&gt;p{font-size: 16px;}
    .wor_img{padding-bottom: 0;}
}
@media(max-width: 767px){
    .wor_img{margin: 0 0;padding-bottom: 0;padding-top: 50px;}
    .wor_img .wor_item{width: 100%;float: none;margin: 0 0;margin-bottom: 15px;}
}

/*====== product ======*/
.cp_nav_title{padding: 80px 0;}
.cp_nav_list{display: block;text-align: center;}
.cp_nav_list&gt;li{display: inline-block;padding: 10px 25px;margin-right: 30px;background-color: #f0f0f0;}
.cp_nav_list&gt;li.select03{background-color: #2f318b;}
.cp_nav_list&gt;li.select03&gt;a{color: #fff;}
.cp_nav_list&gt;li&gt;a{font-size: 20px;color: #000;}
.product&gt;ul{margin: 0 -15px;overflow: hidden;}
.product&gt;ul&gt;li{-moz-width: calc(100% / 3 - 30px);-webkit-width: calc(100% / 3 - 30px);width: calc(100% / 3 - 30px);float: left;background-color:#fff;margin: 15px 15px;box-shadow:0 0 20px 0 rgba(0,0,0,0.08);}
.product&gt;ul&gt;li .product_li_img{height: 443px;display: block;position: relative;overflow: hidden;}
.product_li_img&gt;img{transition:0.5s all ease-in;width: 100%;height: 100%;object-fit: cover;}
.product&gt;ul&gt;li&gt;a:hover .product_li_img&gt;img{transform:scale(1.1);}
.product&gt;ul&gt;li&gt;a&gt;h5{display: block;text-align: center;font-size: 20px;color: #333;padding: 30px 0;transition:0.5s all ease-in;}
.product&gt;ul&gt;li&gt;a&gt;h5:hover{color: #2f318b;}
.cp_pagin{text-align: center;padding: 60px 0;}
.pagination&gt;li:first-child&gt;a{border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination&gt;li:last-child&gt;a{border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.product_info_top .cp_info_fl{width: 50%;float: left;}
.cp_info_fl .cptab{margin-left: 28%;padding-left: 5px;}
#outer{
    position: relative;
    width: 450px;
    height: 450px;
    overflow: hidden;
    border: 1px solid #c3c3c3;
}
#inner{
    position: absolute;
    left: 0;
    top: 0;
    width: 3500px;
    height: 450px;
    overflow: hidden;
}
#inner ul li{
    width: 450px;
    height: 450px;
    float: left;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
#inner ul li img{
    width: 100%;
    height: 100%;
}
#tab{
    width: 450px;
    padding-top: 30px;
    overflow: hidden;
}
#tab ul{
    margin: 0 -5px;
}
#tab ul li{
    width: calc(100% / 4 - 10px);
    height: 100px;
    overflow: hidden;
    margin: 0 5px 10px;
    float: left;
    border:1px solid #c3c3c3;
}
#tab ul li img{
    width: 100%;
    height: 100%;
    opacity: 1;
}

.product_info_top{padding-top: 80px;overflow: hidden;}
.product_info_top .cp_info_fr{width: 50%;float: left;background-color: #f9f9f9;padding: 60px;}
.cp_info_fr .cp_info_fr_box{margin-right: 25%;padding-right: 3px;}
.cp_info_fr .cp_info_fr_box&gt;h4{font-size: 24px;font-weight: bold;color: #333;padding-bottom: 30px;border-bottom: 1px solid #ccc;}
.cp_info_fr_box .n_cpys{padding: 30px 0;border-bottom: 1px solid #ccc;}
.cp_info_fr_box .n_cpys&gt;h5{font-size: 15px;font-weight: bold;color: #666;margin-bottom: 10px;}
.cp_info_fr_box .n_cpys&gt;p{font-size: 14px;color: #666;}
.cp_info_fr_box .n_cpyy{padding: 30px 0;border-bottom: 1px solid #ccc;}
.cp_info_fr_box .n_cpyy&gt;h5{font-size: 15px;font-weight: bold;color: #666;margin-bottom: 10px;}
.cp_info_fr_box .n_cpyy&gt;p{font-size: 14px;color: #666;}
.cp_info_fr_box .link{background-color: #484ced;display: inline-block;padding: 10px 25px;transition:0.5s all ease-in;margin-top: 30px;}
.cp_info_fr_box .link:hover{background-color: #2f318b;}
.cp_info_fr_box .link .cp_icon{float: left;margin-right: 10px;}
.cp_info_fr_box .link .cp_icon&gt;img{vertical-align: middle;}
.cp_info_fr_box .link&gt;a&gt;p{float: left;font-size: 16px;color: #fff;}
.product_info_bottom{padding: 80px 0;}
.cp_info_box .cp_info_t{display: block;text-align: center;border-bottom: 1px solid #ccc;}
.cp_info_t .menu{display: inline-block;margin-right: 36px;}
.cp_info_t .menu&gt;a{font-size: 22px;color: #333;}
.cp_info_t .menu.active{border-bottom: 3px solid #484ced;padding: 30px 0;position: relative;bottom: -2px;}
.cp_info_t .menu.active &gt;a{color:#484ced; }
.cp_content .bod{border-bottom: 1px solid #ddd;padding-top: 50px;}
.cp_content .bod:last-child{border-bottom: none;}
.cp_content .bod&gt;h3.title{font-size: 24px;color: #333;position: relative;padding-left: 20px;}
.cp_content .bod&gt;h3.title:before{content:"";display: block;width: 2px;height: 85%;background-color:#484ced;position: absolute;top: 11%;left: 0; }
.bod .wor{padding: 40px 0;}
.bod .wor .long{margin-bottom: 36px;}
.bod .wor&gt;ul{margin: 0 -15px;}
.bod .wor&gt;ul&gt;li{-webkit-width: calc(100% / 4 - 30px);-moz-width: calc(100% / 4 - 30px);width: calc(100% / 4 - 30px);float: left;margin: 15px 15px;}
.bod .wor&gt;ul&gt;li&gt;p{text-align: center;}

@media(max-width: 1400px){
    .product&gt;ul&gt;li .product_li_img{height: 366px;}
    .cp_info_fl .cptab{margin-left: 16%;padding-left: 4px;}
    .cp_info_fr .cp_info_fr_box { padding-right: 53px;}
    .cp_info_fr .cp_info_fr_box{margin-right: 9%;padding-right: 2px;}
    .cp_info_t .underscore{width: 8%;margin-left: 36px;}
}

@media(max-width: 1024px){
    .product&gt;ul&gt;li .product_li_img{height: auto;}
    .product_li_img&gt;img{vertical-align: middle;}
    .product&gt;ul&gt;li&gt;a&gt;h5{padding: 15px 0;}
}

@media(max-width: 991px){
    .product&gt;ul&gt;li .product_li_img{height: auto;}
    .product_li_img&gt;img{vertical-align: middle;}
    .cp_nav_title{padding: 60px 0;}
    .cp_nav_list&gt;li{margin-right: 15px;}
    .cp_nav_list&gt;li&gt;a{font-size: 16px;}
    .product&gt;ul&gt;li{-webkit-width: calc(100% / 2 - 30px);width: calc(100% / 2 - 30px);}
    .product&gt;ul&gt;li&gt;a&gt;h5{font-size: 18px;}
    .product_info_top .cp_info_fl{width: 100%;float: none;}
    .product_info_top .cp_info_fr{width: 100%;float: none;margin-top: 60px;}
    .cp_info_fl .cptab{margin-left: 20%;}
    .cp_info_fr .cp_info_fr_box{margin-right: 0;padding-right: 0;}
    .cp_info_fr .cp_info_fr_box&gt;h4{font-size: 18px;}
    .cp_info_fr_box .link&gt;a&gt;p{font-size: 14px;}
    .cp_info_t .menu&gt;a{font-size: 18px;}
    .cp_content .bod&gt;h3.title{font-size: 18px;font-weight: bold;}
}
@media(max-width: 767px){
    .cp_nav_title{padding: 60px 0;}
    .cp_nav_list&gt;li{display: block;margin-right: 0;}
    .cp_nav_list&gt;li&gt;a{font-size: 14px;}
    .product&gt;ul{margin: 0 0;overflow: initial;}
    .product&gt;ul&gt;li{width: 100%;float: none;margin: 0 0;margin-bottom: 30px;}
    .product&gt;ul&gt;li .product_li_img{height: auto;}
    .product&gt;ul&gt;li&gt;a&gt;h5{font-size: 16px;padding: 15px 0;}
    .cp_pagin{padding: 30px 0;}
    .cp_info_fl .cptab{margin-left: 4%;zoom:75%;}
    .product_info_top .cp_info_fr{padding: 25px;}
    .cp_info_fr .cp_info_fr_box&gt;h4{font-size: 16px;}
    .cp_info_fr_box .n_cpys&gt;p{font-size: 13px;}
    .cp_info_fr_box .link&gt;a&gt;p{font-size: 13px;}
    .cp_info_t .menu&gt;a{font-size: 16px;font-weight: bold;}
    .cp_content .bod&gt;h3.title{font-size: 16px;font-weight: bold;}
    .bod .wor&gt;ul&gt;li{-webkit-width:calc(100% / 2 - 30px);width:calc(100% / 2 - 30px);}
    .bod .wor&gt;ul&gt;li&gt;p{font-size: 13px;}
}

/*====== product ======*/
.solution&gt;ul{margin: 0 -20px;overflow: hidden;}
.solution&gt;ul&gt;li{-webkit-width: calc(100% / 2 - 40px);-moz-width: calc(100% / 2 - 40px);width: calc(100% / 2 - 40px);height: 250px;float: left;margin: 20px 20px;background-color: #fff;box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);}
.sol_fl{width: 50%;height: 250px;float: left;}
.sol_fl&gt;img{height: 100%;width: 100%;object-fit: cover;}
.sol_fr{width: 50%;float: left;padding: 5%;}
.sol_fr&gt;h2{font-size: 20px;color: #333;margin-bottom: 20px;transition:0.5s all ease-in;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.sol_fr&gt;h2:hover{color: #4547bf;}
.sol_fr div&gt;p{font-size: 15px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom: 55px;transition:0.5s all ease-in;}
.sol_fr&gt;p:hover{color: #4547bf;}
.sol_fr&gt;span{font-size: 14px;color:#fff;background-color: #4547bf;padding: 10px 25px;transition:0.5s all ease-in;}
.sol_fr&gt;span:hover{background-color: #2f318b;}
.sol_pagin{text-align: center;padding: 60px 0;}
.n_own_box{width: 100%;background-color: #f6f6f6;padding: 80px 0;}
.n_own_box .own_bg{width: 100%;background-color: #fff;}
.own_details-t{display: block;text-align: center;padding: 45px 0;}
.own_details-t.dotted{border-bottom: 1px dotted #c7c7c7;}
.own_details-t&gt;h5{font-size: 24px;color: #333;margin-bottom: 15px;padding: 0 5%;line-height: 36px;}
.own_details-t .ifno_time&gt;p{font-size: 14px;color: #b3b3b3;display: inline-block;padding: 0 10px;}
.info_txt{padding: 5%;}
.info_txt&gt;p{white-space: pre-line;margin-bottom: 30px;}
.info_txt&gt;p&gt;img{display: block;margin: 0 auto;}
.own_list_bottom.dotted{border-top: 1px dotted #c7c7c7;padding: 36px 5%;}
.own_list_bottom&gt;a{display: block;font-size: 14px;color: #666;transition:0.5s all ease-in;}
.own_list_bottom&gt;a:hover{color: #2f318b;}

@media(max-width: 1440px){
    .solution&gt;ul&gt;li{height: 230px;}
    .sol_fl{height: 230px;}
}

@media(max-width: 991px){
    .solution&gt;ul{margin: 0 0;overflow: initial;}
    .solution&gt;ul&gt;li{width: 100%;float: none;margin: 0 0;margin-bottom: 30px;}
    .sol_fr&gt;h2{font-size: 18px;}
    .sol_fr&gt;p{font-size: 14px;margin-bottom: 30px;}
    .sol_fr&gt;span{font-size: 12px;}
    .sol_pagin{padding: 30px 0;}
    .own_details-t&gt;h5{font-size: 20px;margin-bottom: 0;}
    .own_details-t .ifno_time&gt;p{font-size: 12px;}
}

@media(max-width: 767px){
    .solution&gt;ul&gt;li{height: auto;overflow: hidden;}
    .sol_fl{width: 100%;float: none;}
    .sol_fr{width: 100%;float: none;}
    .sol_fr&gt;h2{font-size: 16px;margin-bottom: 10px;}
    .sol_fr&gt;p{font-size: 13px;margin-bottom: 20px;}
    .own_details-t&gt;h5{font-size: 18px;}
}
/*====== applications ======*/

.applications_box{padding: 80px 0;}
.appl_field{overflow: hidden;}
.appl_field&gt;ul{margin: 0 -15px;}
.appl_field&gt;ul&gt;li{-webkit-width: calc(100% / 3 - 30px);-moz-width: calc(100% / 3 - 30px);width: calc(100% / 3 - 30px);float: left;margin: 15px 15px;}
.appl_field&gt;ul&gt;li .appl_field_img{height: 436px;display: block;position: relative;overflow: hidden;}
.appl_field&gt;ul&gt;li .appl_field_img&gt;img{transition:0.5s all ease-in;width: 100%;height: 100%;object-fit: cover;}
.appl_field&gt;ul&gt;li:hover .appl_field_img&gt;img{transform:scale(1.1);}
.appl_field&gt;ul&gt;li&gt;a&gt;p{font-size: 16px;color: #333;display: block;text-align: center;padding: 15px 0;transition:0.5s all ease-in;}
.appl_field&gt;ul&gt;li&gt;a&gt;p:hover{color: #2f318b;}
.appl_pagin{text-align: center;padding-top: 30px;}

@media(max-width: 1440px){
    .appl_field&gt;ul&gt;li .appl_field_img{height: 367px;}
}

@media(max-width: 1024px){
    .applications_box{padding: 0 0;padding-top: 60px;}
    .appl_field&gt;ul&gt;li .appl_field_img{height: 280px;}
}

@media(max-width: 991px){
    .applications_box{padding: 60px 0;}
    .appl_field&gt;ul&gt;li{-webkit-width: calc(100% / 2 - 30px);width: calc(100% / 2 - 30px);}
    .appl_field&gt;ul&gt;li .appl_field_img{height: auto;}
}

@media(max-width: 767px){
    .appl_field&gt;ul&gt;li{width: 100%;float: none;}
    .appl_pagin{padding-top: 0px;}
}

/*====== news ======*/
.news_list&gt;ul{margin: 0 -20px;overflow: hidden;}
.news_list&gt;ul&gt;li{-webkit-width: calc(100% / 3 - 40px);-moz-width: calc(100% / 3 - 40px);width: calc(100% / 3 - 40px);float: left;margin: 20px 20px;background-color: #fff;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);}
.news_list&gt;ul&gt;li .news_img{height: 372px;display: block;position: relative;overflow: hidden;}
.news_list&gt;ul&gt;li .news_img&gt;img{transition:0.5s all ease-in;width: 100%;height: 100%;object-fit: cover;}
.news_list&gt;ul&gt;li:hover .news_img&gt;img{transform:scale(1.1);}
.news_txt{padding: 7%;}
.news_txt&gt;h5{height: 60px;line-height: 30px;font-size: 20px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom: 10px;transition:0.5s all ease-in;}
.news_txt&gt;h5:hover{color: #2f318b;}
.news_txt&gt;span{padding-right: 24px;font-size: 14px;color:#666;background: url(../images/news_arrow.png)no-repeat 100% center;transition:0.5s all ease-in;}
.news_txt&gt;span:hover{color: #2f318b;}

@media(max-width: 1440px){
    .news_list&gt;ul&gt;li .news_img{height: 306px;}
}
@media(max-width: 1024px){
    .news_list&gt;ul&gt;li .news_img{height: 280px;}
}
@media(max-width: 991px){
    .news_list&gt;ul&gt;li{-webkit-width: calc(100% / 2 - 40px);width: calc(100% / 2 - 40px);}
    .news_list&gt;ul&gt;li .news_img{height:auto;}
    .news_txt&gt;h5{font-size: 16px;}
}

@media(max-width: 767px){
    .news_list&gt;ul{margin: 0 0;overflow: initial;}
    .news_list&gt;ul&gt;li{width: 100%;float: none;margin: 0 0;margin-bottom: 30px;}
    .news_txt&gt;h5{font-size: 14px;}
}

/*====== contact ======*/
.contact_box{padding: 80px 0;}
.contact .cont_t{display:block;text-align: center;}
.cont_t&gt;h5{font-size: 30px;color: #000;margin-bottom: 15px;}
.cont_t&gt;p{font-size: 16px;color: #666;}
.center{padding-top: 80px;}
.center .con_fl{width: 50%;float:left;background-color:#f7f7f7;padding: 3%;}
.center .con_fl .con_info&gt;h5{font-size: 24px;color: #000;margin-bottom: 30px;}
.center .con_fl .con_info .con_infoBox&gt;p{font-size: 16px;color: #333;margin-bottom: 15px;}
.ewm_wrap{padding-top: 30px;}
.ewm_wrap .con_ewm{float: left;width: 25%;margin-right: 90px;}
.con_ewm .pic{padding: 2px;border: 1px solid #ccc;background: #fff;}
.ewm_wrap .con_ewm&gt;p{display: block;text-align: center;font-size: 14px;}
.map_box{padding-bottom: 100px;}
.message_wrap{width: 48%;float:right;}
.message p {
    display: block;
    padding-bottom: 25px;
    color: #999;
    padding-left: 10px;
}
.message form ul{overflow: hidden;}
.message form ul li {
    width: calc(50% - 20px);
    float: left;
    margin: 10px;
}
.message form ul li:nth-child(5) {
    width: calc(100% - 20px);
}
.message form ul li input {
    width: 100%;
    height: 45px;
    font-size: 14px;
    color: #555;
    border: 1px solid #ddd;
    padding-left: 5px;
}

.message form .wow01 {
    padding: 15px 0;
    margin: 0 10px;
}

.wow01 .form-control {
    padding: 0 5px;
    min-height: 100px;
    line-height: 45px;
}

.wow01 .btn{margin-left: 0 !important;margin-top: 25px;}


@media(max-width: 1400px){
    .center .con_fr .con_info{margin-right: 22px;}
    .center .con_fr{padding-bottom: 124px;}
    .wow01 .form-control{line-height: 30px;}
}
@media(max-width: 1366px){
    .center .con_fr {padding-bottom: 124px;}
}
@media(max-width: 1200px){
    .ewm_wrap .con_ewm{width: 28%;}
}


@media(max-width: 1024px){
    .center .con_fr{padding: 2%;padding-bottom: 94px;}
    .center .con_fr .con_info{margin-right: 16px;}
}

@media(max-width: 991px){
    .cont_t&gt;h5{font-size: 24px;}
    .cont_t&gt;p{font-size: 14px;}
    .center .con_fr .con_info{width: 65%;}
    .center .con_fr{padding: 2%;padding-bottom: 78px;}
    .center .con_fr .con_info&gt;h5{font-size: 16px;font-weight: bold;}
    .center .con_fr .con_info .con_infoBox&gt;p{font-size: 14px;margin-bottom: 0;}
    .center .con_fl .con_info&gt;h5{font-size: 20px;}
    .center .con_fl .con_info .con_infoBox&gt;p{font-size: 15px;}
    .ewm_wrap .con_ewm{width: 35%;margin-right: 45px;}
    .message p{padding-bottom: 5px;}
    .wow01 .btn{margin-top: 15px;}
}
@media(max-width: 767px){
    .contact_box{padding: 60px 0;}
    .center{padding-top: 60px;}
    .cont_t&gt;h5{font-size: 18px;}
    .cont_t&gt;p{font-size: 13px;}
    .center .con_fl{width: 100%;padding: 5%;padding-top: 30px;}
    .center .con_fl&gt;img{vertical-align: middle;}
    .center .con_fr{width: 100%;float: none;padding: 5%;padding-bottom:0;overflow: hidden;}
    .center .con_fl .con_info&gt;h5 {font-size: 18px;margin-bottom: 10px;}
    .center .con_fl .con_info .con_infoBox&gt;p{margin-bottom: 5px;}
    .message_wrap{width: 100%;float: none;overflow: hidden;padding-top: 30px;}
    .message p{padding-left: 5px;}
    .message form ul{margin:0 -5px;}
    .message form .wow01{margin: 0 5px;}
    .ewm_wrap .con_ewm&gt;p{font-size: 13px;}
    .ewm_wrap .con_ewm{margin-right: 30px;}
}

/*====== sample ======*/
.sample_box{padding: 80px 0;}
.sample .sample_t{display: block;text-align: center;}
.sample_t&gt;h5{font-size: 30px;color: #000;margin-bottom: 15px;position: relative;}
.sample_t&gt;h5:before{content: "";display: block;width: 25%;height: 1px;background-color: #b3b3b3;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;z-index: -6;}
.sample_t&gt;h5:after{content: "";display: block;width: 12%;height: 40px;background-color: #fff;position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;margin-top: -20px;z-index: -4;}
.sample_t&gt;p{font-size: 16px;color: #666;margin-bottom: 10px;}
.sample_t&gt;p&gt;span{color: red;}
.select_product{padding-top: 10%;}
.select_product&gt;h5{font-size: 24px;color:#000;}
.sel_pro_form{padding-top: 15px;}
.sel_pro_form&gt;form{margin: 0 -15px;}
.form-control{border-radius: 0px !important;}
.form-group.star01{position: relative;}
.form-group.star01:after{content: "";display: block;width: 6px;height: 6px;background: url(../images/icon-star.png)no-repeat center;position: absolute;top: 50%;left: 5%;margin-top: -3px;}
.form-control:focus{border-color:#ccc !important;box-shadow:none !important;}
.form-group.star{position: relative;}
.form-group.star:after{content: "";display: block;width: 6px;height: 6px;background: url(../images/icon-star.png)no-repeat center;position: absolute;top: 50%;left: 3.1%;margin-top: -3px;}
.fill_con_way{padding-top: 10%;}
.fill_con_way&gt;h5{font-size: 24px;color:#000;}
.fill_con_way_form{padding-top: 15px;}
.fill_con_way_form&gt;form{margin: 0 -15px;}
.fill_con_way_form&gt;form .form-group{margin-bottom: 30px;}
.form-text{padding-left: 15px;padding-right: 15px;}
.btn{border-radius: 0px !important;padding: 5px 50px !important;background-color: #00a0e9 !important; color: #fff!important;border-color:transparent !important;transition:0.5s all ease-in;margin-left: 15px;}
.btn:focus{outline: none !important;}
.btn-default:hover{background-color: #054ee3 !important;}

@media(max-width: 991px){
    .container1200{padding-left: 15px;padding-right: 15px;}
    .sample_t&gt;h5{font-size: 18px;}
    .sample_t&gt;h5:before{width: 50%;}
    .sample_t&gt;h5:after{width: 15%;}
    .sample_t&gt;p{font-size: 14px;margin-bottom: 0;}
    .select_product&gt;h5{font-size: 18px;}
    .form-group.star01:after{left: 9%;}
    .fill_con_way&gt;h5{font-size: 18px;}
    .form-group.star:after{left: 5.1%;}
}

@media(max-width: 767px){
    .sample_t&gt;h5:before{width: 70%;}
    .sample_t&gt;h5:after{width: 30%;}
    .select_product&gt;h5{font-size: 16px;}
    .form-group.star01:after{left: 6%;}
    .fill_con_way&gt;h5{font-size: 16px;}
}


/*====== tanC ======*/

.tanC {
    display:none;
    width:100%;
    height:100%;
    background-color: rgba(18,18,18,.65);
    filter:alpha(opacity=15);
    position:fixed;
    margin:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index: 999;
}
.tanC_info {
    width:456px;
    height:510px;
    background:#fff;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    border-radius: 6px;
    padding:16px;
}
.tanC_info&gt;ul{display: block;text-align: center;}
.liuyan&gt;li{
    display: inline-block;
    padding: 5px 0 5px 0;
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    border-bottom: none;
}
.tanC_info&gt;span {
    float: right;
    font-size:22px;
    margin:0 10px 0 0;
    color:#000;
    cursor:pointer;
}
.tanC_info .tabCon{
    position: relative;
    top: 0px;
    border: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 30px;
}

.tabCon&gt;form{display: block;text-align: center;}
.p1{
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    background: url(../images/notice.png) 45px 20px no-repeat;
    color: #999;
    font-weight: normal;
    word-wrap: break-word;
    padding: 0px 0px 0px 78px;
}
.formLi{margin-bottom: 15px;overflow: hidden;}
.formLi .size{font-size: 14px;}
.formLi .padding-left{padding-left: 11px;}
.formLi .red{font-size: 14px;color: red;}
.input1{
    height: 30px;
    line-height: 30px;
    width: 250px;
    font-size: 14px;
    padding-left: 8px;
    border: 1px solid #ccc;
}
.formLi .lynr{display: inline-block;vertical-align: top;}
.input2{width: 256px;display: inline-block;border: 1px solid #ccc;padding-left: 10px;font-size: 14px;}
.btn1{
    display: block;
    margin: 0  auto;
    font-size: 14px;
    padding: 5px 25px;
    border: none;
    background: #484ced;
    color: #fff;
    transition:all 0.5s ease-in;
}
.btn1:hover{background: #2f318b;}


@media(max-width: 767px){
    .liuyan&gt;li{font-size: 18px;}
    .p1{background: url(../images/notice.png) 25px 20px no-repeat;padding: 0px 0px 0px 50px;}
    .tanC_info{width: 350px;}
    .input1{width: auto;}
    .input2{width: auto;}
    .formLi .size{font-weight: normal;}
}</pre></body></html>